
#new_header{
    border-bottom: 1px solid #F3F5F6;
}

.head{
    width: 1152px;
    height: 63px;
    margin: 0 auto;
    font-size: 14px;
}

.head ul{
    height: 0;
}

.head ul li{
    padding: 0 11px;
    font-size: 16px;
    height: 63px;
    line-height: 63px;
    color: #545C63;
    display: inline-block;
}

.head ul li:nth-child(1){
    padding-left: 0px;
}

.head ul li:hover{
    color: black;
}

.head_rigth{
    float:right;
    display: flex;
    flex-wrap:nowrap;
    flex-direction:  row;
    align-items: center;
    justify-content:center;
    height: 63px;
}

.head_rigth div{
    display: inline-block;
}

.head_rigth_one{
    margin-right: 24px;
}

.head_rigth .head_rigth_one a i{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.head_rigth .head_rigth_one a .tox img{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid #F3F5F6;
}

.head_rigth .head_rigth_one a i img{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.main-head-rq{
    position: relative;
    width: 1152px;
    min-width: 1152px;
    margin: 0 auto;
}

.main-head{
    height: 148px;
    background: url(/用户界面/img/用户背景图片.png) no-repeat center top #000;
    background-size: cover;
    min-width: 1152px;
}

.main-head-tx{
    display: inline-block;
    border: 4px solid #fff;
    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: relative;
    top: 28px;
}

.main-head-tx img{
    border-radius: 50%;
    width:140px;
}

.main-head-xx{
    float: right;
    width: 980px;
}

.main-head-xx .a{
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    margin-top: 48px;
}

.main-head-xx p{
    color: #fff;
    margin-top: 6px;
}

.main-head-xx p span{
    margin-right: 10px;
    font-size: 14px;
}

.main-head-xx p a{
    font-size: 12px;
    color: rgba(255,255,255,.6);
    line-height: 16px;
    height: 16px;
    padding-left: 16px;
    border-left: 2px solid rgba(255,255,255,.4);
    cursor: pointer;
}

.main-head-sz{
    top: 62px;
    right: 42px;
    position: absolute;
}

.main-head-sz a{
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 18px;
    font-size: 14px;
    color: rgba(255,255,255,.8);
    line-height: 20px;
    height: 20px;
}

.main-warp{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.main-warp .warp-left{
    position: absolute;
    width: 172px;
    left: 24px;
    top: 0;
}

.main-warp .warp-left li:first-child {
    margin-top: 40px;
}

.main-warp .warp-left li:first-child a{
    color: #fff;
    background: rgba(240,20,20,.8);
    border-radius: 8px 0 0 8px;
}

.main-warp .warp-left li{
height: 48px;
width: 160px;
margin: 0 auto 8px;
}

.main-warp .warp-left li a{
    font-size: 16px;
    color: #787d82;
    position: relative;
    display: block;
    height: 48px;
    padding-left: 54px;
    text-align: left;
    line-height: 48px;
}

.main-warp .warp-left li a i{
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 20px;
    color: #93999f;
    line-height: 48px;
}
.warp-right {
    margin-left: 240px;
    min-height: 589px;
}

.warp-right .warp-right-top{
    font-size: 16px;
    color: #545c63;
    height: 52px;
    line-height: 52px;
    margin-top: 18px;
    border-bottom: 1px solid #d9dde1;
}

.warp-right .warp-right-top a{
    margin-right: 64px;
    display: inline-block;
}

.c {
    color: #f20d0d;
    border-bottom: 2px solid #f20d0d; 
}

.warp-right .warp-right-top a:hover{
    color: #f20d0d;
    border-bottom: 2px solid #f20d0d;
}

.warp-right-main{
    font-size: 18px;
    color: #b5b9bc;
    text-align: center;
    padding: 145px 0 100px;
}

.warp-right-main span{
    color: red;
}

.warp-right-bottom{
    width: 100%;
    margin-top: 48px;
    padding-bottom: 40px;
}

.warp-right-bottom h4{
    font-size: 16px;
    color: #1c1f21;
    line-height: 18px;
    font-weight: 400;
}

.warp-right-bottom ul{
    clear: both;
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.warp-right-bottom ul li{
    width: 216px;
    margin-bottom: 8px;
    margin-left: 32px;

}

.warp-right-bottom ul li:first-child{
    margin-left: 0px;
}

.warp-right-bottom ul li img{
    width: 216px;
    height: 120px;
    border-radius: 8px;
    margin-bottom: 8px;
}

.warp-right-bottom ul li div p{
    font-size: 16px;
    color: #1c1f21;
    line-height: 22px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 4px;
}

.warp-right-bottom ul li div span{
    margin-right: 12px;
    font-size: 12px;
    color: #545c63;
    text-align: left;
    line-height: 18px;
}

.warp-right-bottom ul li div span:first-child{
    font-weight: 700;
}

.img2{
    margin-right: 0 !important;
}

.footer{
    background: #fff;
    border-top: 1px solid #f3f5f6;
    font-size: 12px;
    color: #93999F;
    padding: 36px 0;
    min-width: 620px;
    position: relative;
    z-index: 21;
    font-weight: 300;
}

.footer-top{
    width: 1152px;
    height: 20px;
    margin-bottom: 10px;
    margin: 10px auto;
}

.footer-top ul li {
    float: left;
    font-size: 14px;
    margin-right: 27px;
    color: #545C63;
}

.footer p{
    width: 1152px;
    margin: 0 auto;
}

.head_rigth div:hover{
    color: red;
}

.tox:hover img{
    border: 2px solid red !important;
}